<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<style>
		#box{
			width: 370px;
			height: 400px;
			border: 1px solid #E2E3E5;
			position: absolute;
			left: 50%;
			top: 50%;
			margin-left: -185px;
			margin-top: -200px;
		}
		#logo{
			width: 370px;
			height: 95px;
			font-size: 30px;
			color: #676A6C;
			line-height: 95px;
			margin-left: 40px;
		}
		#user{
			width: 295px;
			height: 50px;
			margin-left: 40px;
		}
		#pass{
			width: 295px;
			height: 50px;
			margin-left: 40px;
		}
		.input-group{
			margin-left: 40px;
			width: 295px;
			height: 50px;
			border: 1px solid #E2E3E5;
		}
		#img-submit {
			width: 95px;
			height: 30px;
			margin-top: 10px;
			border-radius: 2px;
			cursor: pointer;
			position: absolute;
			z-index: 3;
			left: 10px;
			top: 0;
		}
		#validateCode {
			height: 30px;
			margin-left: 120px;
			width: 170px;
			margin-top:10px;
			border: 0;
			border-bottom: 1px solid #D0CFCF;
		}
		#verify{
			width: 295px;
			height: 60px;
			margin-left: 40px;
			border: 1px solid #EDEDEE;
		}
		#btn-login{
			width: 295px;
			height: 50px;
			margin-left: 40px;
			margin-top: 20px;
		}
		#remember{
			width: 80px;
			height: 20px;
			margin-left: 50px;
			margin-top: 20px;
			color: #676A6C;
			font-size: 15px;
		}
		#Errorinfo{
			margin-left: 50px;
			margin-top: 10px;
			font-color: red;
		}
	</style>
	
	<head>
		<meta charset="UTF-8">
		<title>登录页面</title>
		<meta name="description" content="particles.js is a lightweight JavaScript library for creating particles.">
		<meta name="author" content="Vincent Garreau" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<link rel="stylesheet" href="/lzproject/CSS/bootstrap.min.css">
		<script src="/lzproject/Js/jquery.min.js"></script>
		<script src="/lzproject/Js/particle.js"></script>
	</head>
	<body>
		<canvas class="particle"></canvas>
		<div id="box">
			<div id="logo">欢迎登陆！</div>
			<form role="form" action="/lzproject/login.do" method="post">
				<div id="info">
					<input type="text" class="form-control" name="username" id="user" placeholder="账号:">
					<input type="password" class="form-control" name="password" id="pass" placeholder="密码:">
					<div class="input-group">
						<img id="img-submit" src="authimage">	
						<input type="text" class="form-control"
								  id="validateCode" name="check"
								  placeholder="验证码:">
					</div>	
					<input type="submit" class="btn btn-info" id="btn-login" value="登录">
					<div id="remember">记住登陆&nbsp;<input type="checkbox"></div>
				</div>
				<div id="Errorinfo"><font color="red"><%=request.getAttribute("errorInfo")%></font></div>
			</form>
		</div>
	</body>
</html>

